<template>
  <div class="copyright" :class="type"></div>
</template>

<script lang="ts">
import { Vue, Component, Prop } from "vue-property-decorator";

@Component({
  name: "Copyright"
})
export default class Copyright extends Vue {
  @Prop({
    default: "one"
  })
  type!: string;
}
</script>

<style lang="less" scoped>
.copyright {
  font-size: 12px;
  color: #b8c0e7;
  text-align: center;
  &.one {
    height: 43px;
    line-height: 43px;
  }
  &.two {
    height: 23px;
    line-height: 23px;
    background: #f7f9fb;
    font-size: 9px;
  }
}
</style>
